    <div class="oa-panel-header">
        <div class="oa-panel-title">
            <div class="title">
                <span class="colleague"></span>
                {{'#colleague#' | i18n}}
            </div>
            <div class="oa-panel-title-toolbar">
                <a href="javascript:;" class="oa-add-btn" act="favorites_create_new" style="display:none;"></a>
                <a href="javascript:;" title="关闭" class="oa-close-panel"></a>
            </div>
        </div>
    </div>
    <div class="oa-panel-body">
        <div class="oa-panel-body-nav">
            <div class="oa-panel-task-type oa-panel-colleagues-type">
                    <span class="header-type active" tabForTable="colleagueTable" act="colleague_panel_tab">
                      <a href="javascript:;" act="colleague_panel_tab_click" forTable="colleagueTable" forLoadData="colleague">{{ 'PRIVATEMSG_COLLEAGUE' | i18n }}</a>
                    </span>
                    <span class="header-type" tabForTable="group_depart_table" act="colleague_panel_tab">
                      <a href="javascript:;" act="colleague_panel_tab_click" forTable="group_depart_table" forLoadData="depart_tree">{{ 'SCRPT_TMPL_CONTAINER_EDIT_TARGET_1' | i18n }}</a>
                    </span>
                    <span class="header-type" tabForTable="favorites_table" act="colleague_panel_tab">
                      <a href="javascript:;" act="colleague_panel_tab_click" forTable="favorites_table" forLoadData="favorites">{{ 'OA_FAVORITES' | i18n }}</a>
                    </span>
            </div>
        </div>
        <div class="oa-panel-content">
            <div class="oa-accordion-content notice-accordion-content colleague-acc-content" table-name="colleagueTable" tabAct="colleague_depart_table">
                <div class="oa-panel-announcement-header oa-panel-address-header">
                    <div class="announce-search-box">
                        <input type="text" act="user_name_text" placeholder="{{ 'COLLEAGUE_SEARCH_BY_NAME' | i18n }}">
                        <a class="search-btn" href="javascript:;" act="user_name_query"></a>
                        <a href="javascript:;" class="search-close" act="user_name_clear" style="display:none"></a>
                    </div>
                    <a href="javascript:;" class="adv-filter" act="colleague_query_high_grade" title="{{ 'COLLEAGUE_FILTER' | i18n }}"></a>
                    <a href="javascript:;" title="{{ 'COLLEAGUE_FOLLOW' | i18n }}{{ 'COLLEAGUE_ALL_COLLEAGUE' | i18n }}" class="attention-all" act="addAllFollow" uids=""></a>
                </div>
                <div class="oa-curtain-content notice-curtain-content oa-according-colleague oa-search-content">
                    <div class="oa-tab-header clear hidden" act="colleague_query_operation_div">
                        <a href="javascript:;" act="colleague_query_return_table">{{ 'WORKREPORT_BACK_LIST' | i18n }}</a> &nbsp;&nbsp;&gt;&nbsp;&nbsp;
                                            <span>
                          {{ 'APPROVAL_SEARCH_COUNT' | i18n }}
                          <span class="number" act="colleague_name_query_num">0</span> {{ 'APPROVAL_DATA_COUNT' | i18n }}
                                            </span>
                    </div>
                    <div class="oa-tab-body clear" act="beScroll">
                        <div class="oa-list  report-list-area daily-paper-list submit-me-approval address-list-area clear" act="colleague_coll_table">
                        </div>
                        <div class="oa-listview-footer" act="colleague_page_parent">
                            <div class="oa-listview-pagination" act="colleague_page">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div act="group_depart_table_tree" table-name="group_depart_table" class="oa-panel-content hidden" tabAct="colleague_depart_table"></div>
            <div act="favorites_table" table-name="favorites_table" class="oa-accordion-content notice-accordion-content colleague-acc-content hidden" tabAct="colleague_depart_table"></div>
        </div>
    </div>